<template>
  <div class="box">
    <el-card class="card">
      <div class="dingzi">
        <img src="../assets/image/dingzi.png" alt="" />
      </div>
      <div class="title">
        腾讯公司校招
      </div>
      <div class="need">
        <div class="front">招聘要求:</div>
        <div class="end">
          1、本科或以上学历,计算机相关专业(非计算机相关专业者,必须自修过计算机专业的所有必修课<br />
          2、热爱计算机编程，丰富的编码实战经验；<br />
          3、熟悉JS/ TS / HTML /CSS等前端开发技术；<br />
          4、熟悉 JSP / Python / php / Node.js 或其他一门后台技术；
        </div>
      </div>
      <div class="need">
        <div class="front">招聘地点:</div>
        <div class="end">长沙岳麓区腾讯云计算有限责任公司</div>
      </div>
      <div class="need">
        <div class="front">招聘方:</div>
        <div class="end">腾讯深圳公司</div>
      </div>
      <div class="need">
        <div class="front">联系方式:</div>
        <div class="end">2095008996@qq.com</div>
      </div>

      <div class="time">
        2021.12.28
      </div>
    </el-card>
    <el-card class="card">
      <div class="dingzi">
        <img src="../assets/image/dingzi.png" alt="" />
      </div>
      <div class="title">
        华为公司校招
      </div>
      <div class="need">
        <div class="front">招聘要求:</div>
        <div class="end">
          1、熟悉 Web 前端语言经验者优先<br />
          2、熟悉 Linux操作系统 础原理，熟练使用 Linux系统<br />
          3、熟悉 TCP /IP、 HTTP 等协议，有良好的网络、数据传输、安全、计算机体系结构方面的知识<br />
          4、有 kvm 或 docker 等虚拟化技术／项目开发经验的优先
        </div>
      </div>
      <div class="need">
        <div class="front">招聘地点:</div>
        <div class="end">长沙岳麓区华为长沙研究所</div>
      </div>
      <div class="need">
        <div class="front">招聘方:</div>
        <div class="end">华为</div>
      </div>
      <div class="need">
        <div class="front">联系方式:</div>
        <div class="end">2289696598@qq.com</div>
      </div>

      <div class="time">
        2021.12.15
      </div>
    </el-card>
  </div>
</template>

<script>
export default {};
</script>
<style scoped>
.box {
  display: flex;
  justify-content: space-around;
}
.card {
  width: 45%;
  position: relative;
}
.title {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}
.front {
  font-weight: 600;
}
.need {
  margin-top: 10px;
}
.time {
  text-align: right;
}
.dingzi img{
    width: 30px;
    height: 30px;
}
.dingzi
{
    position: absolute;
    right: 20px;
    top: 10px;
}
</style>
